<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <script>
        /*
          成员：包含方法和属性
          对象成员(实例成员)
          静态成员 
  
          实例化对象不能调用静态变量和方法
          只能通过构造函数来调用  (Person.head)  
          跟类的静态变量和方法一样(类是只能通过类名来调用和创建)
        */

        function People() {
            this.name = 'trump';  //实例成员
            this.sayHi = function ()  //实例成员
            {
                console.log(this.name + "在 say  hi");
                People.sing()    //调用静态方法
                console.log('在sayhi里面静态属性', People.head);//调用静态属性
            }
        }
        People.sing = function ()  //静态方法
        {
            //静态成员里面是无法调用对象成员的
            console.log('小鸟在唱歌.....');
        }

        People.head = '圆圆的ssssss'//静态成员


        //通过实例化创建对象
        var p1 = new People()
        p1.name;
        p1.sayHi()

        //静态成员可以在构造函数的方法调用
        console.log(p1.name);
        // console.log(p1.head);  //undefined
        // console.log(p1.sing()); //报错


        People.sing()  //独立调用
        console.log(People.head);
    </script>

</body>

</html>